.pointer {
  cursor: pointer;
}
.relative {
  position: relative;

}
.font-strong { font-weight: bold }
.font-normal { font-weight: normal }
.font-thin { font-weight: 100 }
	
.color-primary { color: #3a9d80 }
.color-blue { color: #20a0ff }
.color-gray { color: #97a8be }
.color-light-gray { color: #cccccc }
.color-black { color: #111 }
.color-red { color: #f00 }
.color-rose-red { color: #ff8822 }
.color-white { color: #fff }
.color-green { color: #54cf64 }
.color-yellow { color: #e6a23c }
.color-placeholder { color: #ccc }
.color-blue2 { color: #337ab7 }

.bg-blue { background-color: #20a0ff }
.bg-gray { background-color: #97a8be }
.bg-light-gray { background-color: #cccccc }
.bg-black { background-color: #111 }
.bg-red { background-color: #f00 }
.bg-white { background-color: #fff }
.bg-green { background-color: #54cf64 }
.bg-yellow { background-color: #e6a23c }
.bg-f2 { background-color: #f2f2f2 } 


.text-d-overline {
  text-decoration: overline;
}
.text-d-lt {
  text-decoration: line-through;
}
.text-d-underline {
  text-decoration: underline;
}
.text-d-blink {
  text-decoration: blink;
}
.text-d-none {
  text-decoration: none;
}


.text-normal { text-transform: none; }
.text-upper  { text-transform: uppercase; }
.text-low    { text-transform: lowercase; }
.text-case   { text-transform: capitalize; }

.text-underline { text-decoration: underline; }

.text-justify { text-align-last: justify; }

.text-left   { text-align: left; }
.text-right  { text-align: right; }
.text-center { text-align: center; }

.text-wrap{word-wrap: break-word}

.va-middle { vertical-align: middle }
.va-top    { vertical-align: top }
.va-bottom { vertical-align: bottom }

.hidden { display: none; }

.nowrap { white-space: nowrap; }

.pull-left { float: left; }
.pull-right { float: right; }
.clearfix { clear: both; }

.inline-block { display: inline-block; }
.block { display: block; }

.width-auto { width: auto; }

.line-heght-1 { line-height: 1em; }
.line-heght-2 { line-height: 2em; }
.line-h-1-6 { line-height: 1.6; }
.line-h-1 { line-height: 1; }

hr { width: 100%; height: 1px; border: 0; background: #E5E9F2; }

.font-12 { font-size: 12px }
.font-14 { font-size: 14px }
.font-16 { font-size: 16px }
.font-18 { font-size: 18px }
.font-20 { font-size: 20px }

.mt-0 { margin-top: 0 }
.mt-5 { margin-top: 5px }
.mt-10 { margin-top: 10px }
.mt-15 { margin-top: 15px }
.mt-20 { margin-top: 20px }
.mt-25 { margin-top: 25px }
.mt-30 { margin-top: 30px }


.ml-0 { margin-left: 0 }
.ml-5 { margin-left: 5px }
.ml-10 { margin-left: 10px }
.ml-15 { margin-left: 15px }
.ml-20 { margin-left: 20px }
.ml-25 { margin-left: 25px }
.ml-30 { margin-left: 30px }


.mb-0 { margin-bottom: 0 }
.mb-5 { margin-bottom: 5px }
.mb-10 { margin-bottom: 10px }
.mb-15 { margin-bottom: 15px }
.mb-20 { margin-bottom: 20px }
.mb-25 { margin-bottom: 25px }
.mb-30 { margin-bottom: 30px }

.mr-0 { margin-right: 0 }
.mr-5 { margin-right: 5px }
.mr-10 { margin-right: 10px }
.mr-15 { margin-right: 15px }
.mr-20 { margin-right: 20px }
.mr-25 { margin-right: 25px }
.mr-30 { margin-right: 30px }

.pt-0 { padding-top: 0 }
.pt-5 { padding-top: 5px }
.pt-10 { padding-top: 10px }
.pt-15 { padding-top: 15px }
.pt-20 { padding-top: 20px }
.pt-25 { padding-top: 25px }
.pt-30 { padding-top: 30px }

.pl-0 { padding-left: 0 }
.pl-5 { padding-left: 5px }
.pl-10 { padding-left: 10px }
.pl-15 { padding-left: 15px }
.pl-20 { padding-left: 20px }
.pl-25 { padding-left: 25px }
.pl-30 { padding-left: 30px }

.pb-0 { padding-bottom: 0 }
.pb-5 { padding-bottom: 5px }
.pb-10 { padding-bottom: 10px }
.pb-15 { padding-bottom: 15px }
.pb-20 { padding-bottom: 20px }
.pb-25 { padding-bottom: 25px }
.pb-30 { padding-bottom: 30px }

.pr-0 { padding-right: 0 }
.pr-5 { padding-right: 5px }
.pr-10 { padding-right: 10px }
.pr-15 { padding-right: 15px }
.pr-20 { padding-right: 20px }
.pr-25 { padding-right: 25px }
.pr-30 { padding-right: 30px }

